<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 可通过meta标签设置视口大小 -->
		<!-- <meta name="viewport" content="width=1920px"/> -->
		<!-- device-width表示设备的宽度（完美视口） -->
		<!-- 设置完美视口 -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<title></title>
	</head>
	<body>
		<!-- 默认情况下，移动端像素比980/移动端宽度 -->
		<div class="box1"></div>
	</body>
</html>
<style type="text/css">
	*{
		margin: 0;
		padding: 0;
	}
	.box1{
		width: 200px;
		height: 100px;
		background-color: #0000FF;
	}
</style>